@import './base.css';

#app {
  height: 100vh;
  width: 100vw;
  margin: 0 0;
  font-weight: normal;
}

.max-length {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  display: inline-block;
}
a,
.green {
  text-decoration: none;
  color: var(--color-main-theme);
  transition: 0.4s;
  padding: 3px;
}

  a {
    word-wrap: break-word; 
    overflow-wrap: break-word;
    cursor: pointer;
  }

.theme-button {
  background-color: var(--color-main-theme);
  color: white;
  opacity: 1;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.theme-button:disabled {
  background-color: var(--color-main-theme);
  color: white;
  opacity: 0.3;
  cursor: not-allowed;
}

.hollow-button {
  background-color: white;
  color: #333333;
  opacity: 1;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #dadada;
}
.hollow-button:disabled {
  background-color: white;
  color: #333333;
  opacity: 0.3;
  cursor: not-allowed;
}

.angent-bubble {
  background-color: var(--color-agent-bubble);
}
.agent-text {
  color: var(--color-agent-text);
}
.visitor-bubble {
  background-color: var(--color-visitor-bubble);
}
.visitor-text {
  color: var(--color-visitor-text);
}
.system-text {
  color: var(--color-system-text);
}
.system-bubble {
  background-color: var(--color-system-bubble);
}
.system-bubble-text {
  color: var(--color-system-bubble-text);
}

.tip-max {
  max-width: 70%;
}

.emotion-item {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}

.chat-expression {
  width: 25px;
  height: 25px;
  /* display: block; */
  vertical-align: middle;
}


/* 自定义滚动条样式 */
.custom-scrollbar::-webkit-scrollbar {
  width: 4px; /* 滚动条的宽度 */
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, alpha);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-main-theme); /* 滚动条滑块的颜色 */
  border-radius: 6px; /* 滚动条滑块的圆角 */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #555; /* 滚动条滑块悬停时的颜色 */
}


